<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
    <link rel="icon" href="./img/milogo.ico">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/gonggong.css">
    <link rel="stylesheet" href="./css/dianshi.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="app-header-wrapper">
            <div class="app-header-logo">
                <img src="./img/milogo.png" alt="">
            </div>
            <div class="app-header-search">
                <i class="iconfont icon-sousuo"></i>
                <input class="search" type="text" placeholder="搜索商品名称">
            </div>
            <div class="app-header-user">
                <i class="iconfont icon-gerenzhongxin"></i>
            </div>
        </div>
        <div class="nav-wrap">
            <div class="nav-item">
                <a href="./小米移首页(移动端).html">推荐</a>
            </div>
            <div class="nav-item">
                <a href="./小米手机(移动端).html">手机</a>
            </div>
            <div class="nav-item">
                <a href="./小米智能(移动端).html">智能</a>
            </div>
            <div class="nav-item">
                <a class="active" href="./小米电视(移动端).html">电视</a>
            </div>
            <div class="nav-item">
                <a href="./小米家电(移动端).html">家电</a>
            </div>
            <div class="nav-item">
                <a href="./小米笔记本(移动端).html">笔记本</a>
            </div>
            <div class="nav-display">
                <i class="iconfont icon-xiala"></i>
            </div>
        </div>
    </div>
    <!-- 主要内容 -->
    <div class="content">
        <!-- 明星爆款 热卖推荐 -->
        <a class="a-img" href="#">
            <img src="./img/明星爆款.jpg" alt="">
        </a>
        <div class="divider_line"></div>
        <div class="goods">
            <div class="goods-list">
                <div class="goods-list-left">
                    <a href="#">
                        <img src="./img/全面屏电视 E55X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">全面屏电视 E55X</div>
                        <div class="brief">潮流全面屏设计，4K超高清画质</div>
                        <div class="price">
                            ￥2599
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
                <div class="goods-list-right">
                    <a href="#">
                        <img src="./img/小米全面屏电视 E65X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">小米全面屏电视 E65X</div>
                        <div class="brief">全面屏设计搭配高质量画质</div>
                        <div class="price">
                            ￥3299
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E32C.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E32C</div>
                        <div class="brief">全面屏设计，人工智能系统</div>
                        <div class="price">
                            ￥949 <del>￥1099</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/小米电视4A 70英寸.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">小米电视4A 70英寸</div>
                        <div class="brief">大屏更享受</div>
                        <div class="price">
                            ￥3999
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/小米电视4A 60英寸.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">小米电视4A 60英寸</div>
                        <div class="brief">人工智能语音系统,超高清画质</div>
                        <div class="price">
                            ￥2799
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏Pro43.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏Pro43</div>
                        <div class="brief">全金属机身，2G+32G大存储，支持8K视频解码</div>
                        <div class="price">
                            ￥1799 <del>￥1999</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/Redmi电视A55.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">Redmi电视A55</div>
                        <div class="brief">澎湃音效影院级体验</div>
                        <div class="price">
                            ￥2199
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E43K.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E43K</div>
                        <div class="brief">全面屏设计，海量内容</div>
                        <div class="price">
                            ￥1599
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
        </div>
        <!-- 明星新品专区 -->
        <a class="a-img" href="#">
            <img src="./img/明星新品专区.jpg" alt="">
        </a>
        <div class="divider_line"></div>
        <div class="goods">
            <div class="goods-list">
                <div class="goods-list-left">
                    <a href="#">
                        <img src="./img/全面屏电视 E55X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">全面屏电视 E55X</div>
                        <div class="brief">潮流全面屏设计，4K超高清画质</div>
                        <div class="price">
                            ￥2599
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
                <div class="goods-list-right">
                    <a href="#">
                        <img src="./img/小米全面屏电视 E65X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">小米全面屏电视 E65X</div>
                        <div class="brief">全面屏设计搭配高质量画质</div>
                        <div class="price">
                            ￥3299
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E32C.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E32C</div>
                        <div class="brief">全面屏设计，人工智能系统</div>
                        <div class="price">
                            ￥949 <del>￥1099</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/小米电视4A 70英寸.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">小米电视4A 70英寸</div>
                        <div class="brief">大屏更享受</div>
                        <div class="price">
                            ￥3999
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/小米电视4A 60英寸.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">小米电视4A 60英寸</div>
                        <div class="brief">人工智能语音系统,超高清画质</div>
                        <div class="price">
                            ￥2799
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏Pro43.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏Pro43</div>
                        <div class="brief">全金属机身，2G+32G大存储，支持8K视频解码</div>
                        <div class="price">
                            ￥1799 <del>￥1999</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/Redmi电视A55.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">Redmi电视A55</div>
                        <div class="brief">澎湃音效影院级体验</div>
                        <div class="price">
                            ￥2199
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E43K.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E43K</div>
                        <div class="brief">全面屏设计，海量内容</div>
                        <div class="price">
                            ￥1599
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
        </div>
        <!-- 明星新品专区 -->
        <a class="a-img" href="#">
            <img src="./img/全面屏专区.jpg" alt="">
        </a>
        <div class="divider_line"></div>
        <div class="goods">
            <div class="goods-list">
                <div class="goods-list-left">
                    <a href="#">
                        <img src="./img/全面屏电视 E55X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">全面屏电视 E55X</div>
                        <div class="brief">潮流全面屏设计，4K超高清画质</div>
                        <div class="price">
                            ￥2599
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
                <div class="goods-list-right">
                    <a href="#">
                        <img src="./img/小米全面屏电视 E65X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">小米全面屏电视 E65X</div>
                        <div class="brief">全面屏设计搭配高质量画质</div>
                        <div class="price">
                            ￥3299
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E32C.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E32C</div>
                        <div class="brief">全面屏设计，人工智能系统</div>
                        <div class="price">
                            ￥949 <del>￥1099</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/小米电视4A 70英寸.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">小米电视4A 70英寸</div>
                        <div class="brief">大屏更享受</div>
                        <div class="price">
                            ￥3999
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/小米电视4A 60英寸.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">小米电视4A 60英寸</div>
                        <div class="brief">人工智能语音系统,超高清画质</div>
                        <div class="price">
                            ￥2799
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏Pro43.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏Pro43</div>
                        <div class="brief">全金属机身，2G+32G大存储，支持8K视频解码</div>
                        <div class="price">
                            ￥1799 <del>￥1999</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/Redmi电视A55.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">Redmi电视A55</div>
                        <div class="brief">澎湃音效影院级体验</div>
                        <div class="price">
                            ￥2199
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E43K.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E43K</div>
                        <div class="brief">全面屏设计，海量内容</div>
                        <div class="price">
                            ￥1599
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
        </div>
        <!-- 听话的电视 -->
        <a class="a-img" href="#">
            <img src="./img/听话的电视.jpg" alt="">
        </a>
        <div class="divider_line"></div>
        <div class="goods">
            <div class="goods-list">
                <div class="goods-list-left">
                    <a href="#">
                        <img src="./img/全面屏电视 E55X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">全面屏电视 E55X</div>
                        <div class="brief">潮流全面屏设计，4K超高清画质</div>
                        <div class="price">
                            ￥2599
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
                <div class="goods-list-right">
                    <a href="#">
                        <img src="./img/小米全面屏电视 E65X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">小米全面屏电视 E65X</div>
                        <div class="brief">全面屏设计搭配高质量画质</div>
                        <div class="price">
                            ￥3299
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏Pro43.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏Pro43</div>
                        <div class="brief">全金属机身，2G+32G大存储，支持8K视频解码</div>
                        <div class="price">
                            ￥1799 <del>￥1999</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/Redmi电视A55.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">Redmi电视A55</div>
                        <div class="brief">澎湃音效影院级体验</div>
                        <div class="price">
                            ￥2199
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E43K.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E43K</div>
                        <div class="brief">全面屏设计，海量内容</div>
                        <div class="price">
                            ￥1599
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
        </div>
        <!-- 更多好物推荐 -->
        <a class="a-img" href="#">
            <img src="./img/更多好物推荐.jpg" alt="">
        </a>
        <div class="divider_line"></div>
        <div class="goods">
            <div class="goods-list">
                <div class="goods-list-left">
                    <a href="#">
                        <img src="./img/全面屏电视 E55X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">全面屏电视 E55X</div>
                        <div class="brief">潮流全面屏设计，4K超高清画质</div>
                        <div class="price">
                            ￥2599
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
                <div class="goods-list-right">
                    <a href="#">
                        <img src="./img/小米全面屏电视 E65X.jpg" alt="">
                    </a>
                    <div class="info-box">
                        <div class="name">小米全面屏电视 E65X</div>
                        <div class="brief">全面屏设计搭配高质量画质</div>
                        <div class="price">
                            ￥3299
                        </div>
                        <div class="buybtn"> 立即购买</div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏Pro43.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏Pro43</div>
                        <div class="brief">全金属机身，2G+32G大存储，支持8K视频解码</div>
                        <div class="price">
                            ￥1799 <del>￥1999</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/Redmi电视A55.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">Redmi电视A55</div>
                        <div class="brief">澎湃音效影院级体验</div>
                        <div class="price">
                            ￥2199
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E43K.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E43K</div>
                        <div class="brief">全面屏设计，海量内容</div>
                        <div class="price">
                            ￥1599
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏Pro43.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏Pro43</div>
                        <div class="brief">全金属机身，2G+32G大存储，支持8K视频解码</div>
                        <div class="price">
                            ￥1799 <del>￥1999</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/Redmi电视A55.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">Redmi电视A55</div>
                        <div class="brief">澎湃音效影院级体验</div>
                        <div class="price">
                            ￥2199
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E43K.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E43K</div>
                        <div class="brief">全面屏设计，海量内容</div>
                        <div class="price">
                            ￥1599
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
            <div class="goods-selection">
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏Pro43.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏Pro43</div>
                        <div class="brief">全金属机身，2G+32G大存储，支持8K视频解码</div>
                        <div class="price">
                            ￥1799 <del>￥1999</del>
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/Redmi电视A55.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">Redmi电视A55</div>
                        <div class="brief">澎湃音效影院级体验</div>
                        <div class="price">
                            ￥2199
                        </div>
                    </div>
                </a>
                <a class="selection" href="#">
                    <div class="">
                        <img src="./img/全面屏E43K.jpg" alt="">
                    </div>
                    <div class="info-box">
                        <div class="name">全面屏E43K</div>
                        <div class="brief">全面屏设计，海量内容</div>
                        <div class="price">
                            ￥1599
                        </div>
                    </div>
                </a>
            </div>
            <div class="divider_line"></div>
        </div>
        <!-- 底部背景 -->
        <div class="content-bottom-bg">
            <img src="./img/bottom-bg.jpg" alt="">
        </div>
    </div>
    <!-- 脚部 -->
    <div class="footer">
        <a class="active" href="#">
            <i class="iconfont icon-shouye"></i>
            <span>首页</span>
        </a>
        <a href="#">
            <i class="iconfont icon-fenlei"></i>
            <span>分类</span>
        </a>
        <a href="#">
            <i class="iconfont icon-wangzhi"></i>
            <span>米圈</span>
        </a>
        <a href="#">
            <i class="iconfont icon-gouwuche"></i>
            <span>购物车</span>
        </a>
        <a href="#">
            <i class="iconfont icon-gerenzhongxin"></i>
            <span>我的</span>
        </a>
    </div>
    <script src="./js/rem.js"></script>
</body>

</html>